.twelve-activities {
	background: #4a5bdd;
	min-height: 100%;
	background-size: cover;
	padding-bottom: 0.3rem;
	.header {
		min-height: 7.2rem;
		img {
			width: 100%;
		}
	}
	.content {
		width: 6.9rem;
		height: 3.4rem;
		background-image: url("../../../images/imageXHF/juan-bg.png");
		background-size: 100%;
		margin: 0.6rem auto 0 auto;
		.content-hedaer {
			clear: both;
			overflow: hidden;
			padding: 0 0.3rem;
			.content-header-left {
				float: left;
				color: #ff382d;
				text-align: center;
				margin-top: 0.5rem;
				width: 2rem;
				p {
					font-size: 0.48rem;
					i {
						font-size: 0.8rem;
						font-weight: bold;
					}
				}
				span {
					font-size: 0.28rem;
				}
			}
			.content-header-right {
				float: right;
				width: 4.3rem;
				p {
					font-weight: 500;
					color: #002222;
					font-size: 0.34rem;
					line-height: 0.44rem;
					margin-top: 0.4rem;
				}
				span {
					font-weight: 400;
					color: #666666;
					font-size: 0.24rem;
					line-height: 0.4rem;
				}
			}
		}
		.content-btns {
			text-align: right;
			margin-top: 0.72rem;
			padding: 0 0.4rem;
			div {
				min-width: 1.8rem;
				height: 0.64rem;
				line-height: 0.64rem;
				display: inline-block;
				text-align: center;
				font-size: 0.28rem;
				font-weight: 500;
				border-radius: 1rem;
				margin: 0 0.1rem;
				&.other-volume {
					box-sizing: border-box;
					vertical-align: middle;
					color: #ff382d;
					border: 1px #ff382d solid;
					background: #fff;
				}
				&.receive {
					background: #ff382d;
					color: #fff;
				}
				&.disabled {
					vertical-align: middle;
					background: #e0dedf;
					color: #a9a3a6;
					padding: 0 0.2rem;
				}
			}
		}
	}
}
